/* =============== Reset ==*/
body, div, span, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, strong, sub, sup, tt, u, i, dl, dt, dd, ol, ul, li, form, input, label{margin:0; padding:0;}
body {height: 100%; font-family: Arial, Helvetica, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; font-size: 13px; margin: 0; padding: 0; background:#eaeaea url(../img/bg_body_left.png) repeat-y -65px; color: #666;}
ol, ul, li{list-style:none}
button, input{line-height:normal}
/*input, button, select, textarea{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}*/
label, input, button, select, textarea{font-size:14px; font-weight:normal; line-height:20px}
input, textarea, keygen, select, button, isindex, meter, progress{outline:none}
table{border-collapse:collapse; border-spacing:0}
em, i{font-style:italic; line-height:inherit}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
/* =============== End ==*/

.fl{float:left}
.fr{float:right}
.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.bold{font-weight:700;}
.light{color:#777 !important}.black{color:#000 !important}.red{color:#de1d1c !important}.blue{color:#36c !important}.green{color:#009804 !important}
.cursor-d{cursor:default !important;}.cursor-p{cursor:pointer !important;}.cursor-n{cursor:not-allowed !important;}
.left {float: left;}
.right {float: right;}
.red {color: #c72525;}
.green {color: #98B22B; }
.smltxt {font-size: 11px;}
.t12{font-size:12px !important}.t14{font-size:14px !important}.t16{font-size:16px !important}
.hoverimg {background: #ccc; padding: 3px; float: left;}
.hoverimg:hover {cursor: pointer; background: #e4e4e4;}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center}
.clx{height:1px; font-size:1px; overflow:hidden; clear:both}
.clearfix{*zoom:1}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;color:#333}
span.close{width:15px; height:15px; display:inline-block; border:1px solid #aaaaaa; background:#eeeeee; text-align:center; line-height:13px; font-size:12px; font-family:Tahoma; overflow:hidden; color:#666666; text-decoration:none; cursor:pointer; moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
span.close:hover{border:1px solid #bbbbbb; background:#e0e0e0}

.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}

.shadow10{box-shadow:0px 0px 10px #cccccc; -webkit-box-shadow:0px 0px 10px #cccccc; }

/* Header Elements */

#header {width: 100%; height: 70px; background: #353535 url(../img/bg_header.png) repeat-x bottom;}
.logo {float: left; padding: 20px 0 0 30px;}

#searcharea {float: right; padding: 15px 15px 0 0;}
#searcharea p {color: #ccc; padding-top: 10px;}
#searcharea a {color: #ccc;}
#searcharea a:hover {color: #999;}
.searchbox {margin-left: 10px; font-size: 14px; color: #888; padding: 10px 15px; width: 350px; border: 1px solid #fff; -moz-border-radius: 8px; border-radius: 8px; background: #fff url(../img/bg_fade_med.png) repeat-x top;}
.searchbtn {background: url(../img/bg_btn_grey_lrg.png) repeat-x top; border: 1px solid #000; text-shadow: 1px 1px 1px #eee; padding: 10px; -moz-border-radius: 8px; border-radius: 8px;}
.searchbtn:hover {background: url(../img/bg_btn_grey_lrg.png) 0 -50px; cursor: pointer;}

/* Top Breadcrumb */	

#breadcrumb {height: 21px; background: #C7C7C7 url(../img/bg_breadcrumb.png) repeat-x top; margin: 0 0 0 226px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 12px 0 8px 35px; text-shadow: 1px 1px 1px #e4e4e4;}
#breadcrumb li {float: left; padding-right: 5px;}
#breadcrumb li.current {font-weight: 700; font-size: 14px;}
#breadcrumb a {color: #666; text-decoration: none;}
#breadcrumb a:hover {color: #333;}

/* Left Side/Navigation Elements */	

#leftside {width: 160px; height: 100%; background: #525252 url(../img/bg_leftside.png) repeat-x top; position: fixed; top: 0px; left: 0; bottom:0; border-right:1px solid #fff;}

/* Top User Info Box */

.user, .notifications {padding: 15px; color: #ccc; overflow: auto; text-shadow: 1px 1px 1px #111; background: url(../img/bg_left_spacer.png) repeat-x bottom;}
.user img {float: left; margin: 5px 15px 10px 0;}
.username {color: #fff; font-size: 18px; font-weight:700; letter-spacing: -1px; padding-bottom: 5px;}
.userbtn {text-shadow: none; float: left; padding-right: 5px; text-align: center;}
.userbtn a {display: block; color: #000; text-shadow: 1px 1px 1px #eee; font-size: 11px; width: 58px; background: #ccc url(../img/bg_btn_grey_sml.png) repeat-x top; border: 1px solid #000; padding: 2px 0; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px;}
.userbtn a:hover {color: #fff; background: #eee url(../img/bg_btn_grey_sml.png) 0 -30px; text-shadow: none;}

/* Side Notifications Link */

.notifications a {text-decoration: none; font-weight: 700; color: #fff;}
.notifycount {float: left; width: 35px; height: 35px; text-align: center; font-size: 18px;  display: block; line-height: 1.6em; margin-right: 10px; letter-spacing: -1px;}

/* Navigation Elements */

ul.navigation {color: #fff;}
ul.navigation li a {text-shadow: 1px 1px 1px #222; background: url(../img/bg_navigation_link.png) repeat-x top; outline: none; display: block; color: #fff; text-decoration: none; padding: 10px; height: 15px;}
ul.navigation li a:hover {color: #ccc; background: #333;}

ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{line-height: 1.2em; font-size: 16px; font-weight: 700; padding: 9px 10px; display: block; color: #fff; cursor: pointer;}
ul.navigation li.selected {width: 161px; z-index: 2; position: relative; padding: 10px;}

/* Main Content/Right Side */

#rightside {height: 100%; margin: 10px 20px 0 190px;} 

.contentcontainer {margin-bottom: 20px;}

.headings {padding: 0 20px; border-bottom: 1px solid #CACACA; text-shadow: 1px 1px 1px #fff; /*background: #EAEAEA url(../img/bg_heading.png) repeat-x top; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; 	-moz-border-radius-topleft: 10px;*/ letter-spacing: -1px; height: 35px;}
.headings h2 {padding-top: 10px; font-size: 20px;}
.contentbox {overflow: auto; border: 1px solid #fff; padding: 15px; background: #fff url(../img/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;}	
.nopad {padding: 0;}
.contentbox p {padding-bottom: 15px;}
.contentbox a, #notificationsbox a {color: #666;}
.contentbox a:hover, #notificationsbox a:hover {color: #333;}

ul.smltabs {float: right; padding-top: 10px;}
ul.smltabs li {float: left;}

.ui-tabs .ui-tabs-nav li a {position: relative; z-index: 3; display: block; text-decoration: none; float: left; background: #313131; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; padding: 5px 30px; margin-left: 2px; font-weight: 700; color: #fff; text-shadow: none; outline: none; border-width:1px; border-color:#cccccc; border-bottom-width:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: #fff; color: #666; top: 1px; outline: none;}
.ui-tabs .ui-tabs-hide {display: none;}
.ui-tabs .ui-tabs-panel {background-image: none;}

ul.pagination {float: right; font-size: 11px; clear: both;}
ul.pagination li {float: left; padding-right: 5px; margin-left:15px;}
ul.pagination li a {padding: 3px 7px; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; display: block; background: #fff url(../img/bg_fade_up.png) repeat-x bottom;}
ul.pagination li.page a {color: #fff; font-weight: 700;}
ul.pagination li.page a:hover {color: #fff;}
ul.pagination li.text a {border: 1px solid #ccc; padding: 0 10px 0 10px;}
ul.pagination li.text {line-height: 2em;}
ul.pagination li.text:hover{Opacity:0.8}

/* Data Table Box */
.databox{margin-bottom:20px}
.databox .tablestyle{border:1px solid #d3d3d3; background:#fff;}
.databox tr:nth-child(odd){background:#f8f8f8}
.databox .selected {background:#f6f7bd !important;}
.databox th,.databox td{padding:10px 0px}
.databox td{border-top:1px solid #d3d3d3; text-align:center; font-size:14px;}
.databox .border-top td {border-top:1px solid #777;}
.databox th{background:#f2f2f2; background:-moz-linear-gradient(top,#f8f8f8,#ededed); background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ededed)); background:-webkit-linear-gradient(top,#f8f8f8,#ededed);font-size:14px; text-align:center; text-shadow:1px 1px 0px #fff; position:relative}
.databox th span.has,.databox th span.hason{padding-right:10px; background:url(../img/icon-arrow-slowdown.png) right center no-repeat; cursor:pointer;}
.databox th span.on{background-image:url(../img/icon-arrow-slowup.png); padding:10px 10px 10px 0px;}
.databox th .filterbox{position:absolute; width:98%; padding-top:10px; top:0px; left:0px; background:#fff; border:1px solid #d3d3d3; border-top:none}
.databox th .filterbox ul{padding:8px 0px}
.databox th .filterbox ul li{padding:3px 0px 3px 7px; text-align:left; font-weight:normal; font-size:13px;}
.databox th .filterbox ul li label{padding:0}

.databox td span.icon{display:inline-block; overflow:hidden; background-repeat:no-repeat; background-size:cover; cursor:help;}
.databox td span.night{width:10px; height:10px; background-image:url(../img/icon-moon.png); margin-right:5px;}
.databox td span.people{width:14px; height:16px; background-image:url(../img/icon-people.png); margin-right:5px;}
.databox td span.apple{width:15px; height:17px; background-image:url(../img/icon-apple.png);}
.databox td span.android{width:17px; height:20px; background-image:url(../img/icon-android.png);}
.databox td span.html5{width:14px; height:16px; background-image:url(../img/icon-html5.png);}

.infobox{position:absolute; z-index:100}
.infobox .pot{height:9px; margin-bottom:-1px; overflow:hidden; text-align:center;}
.infobox .pot span{display:inline-block; width:12px; height:9px; overflow:hidden; background:url(../img/infobox-top-arrow.png) no-repeat;  z-index:110}
.infobox .formbox{background:#f5f5f5; color:#000; border:1px solid #d3d3d3; padding:10px; -moz-box-shadow:0px 2px 5px #cccccc; -webkit-box-shadow:0px 2px 5px #cccccc; box-shadow:0px 2px 5px #cccccc; font-size:14px; moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /*Opacity:0.9;*/}

.chartbox{}
.infobox .hotelshadow{-moz-box-shadow:0px 0px 30px #999999; -webkit-box-shadow:0px 0px 30px #999999; box-shadow:0px 0px 30px #999999; font-size:14px; moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.hotelinfo dl dt{width:80px; float:left; text-align:right; padding:2px 0px;}
.hotelinfo dl dd{margin-left:85px; padding:2px 0px}
.hotelinfo .orderlist td,.hotelinfo .orderlist th{padding:5px;}
.hotelinfo .orderlist tr.on{background:#f3f2e6}

/* Notice Boxes */

.noticebox, .noticeboxalt {border: 1px solid #FDD845; background: #FFE082 url(../img/bg_noticebox_yellow.png) repeat-x top; width: 267px; margin: 0 15px 15px 0; float: left; text-shadow: 1px 1px 1px #fff;}
.noticeboxalt {border: 1px solid #ccc; background: #D8D8D8 url(../img/bg_noticebox_grey.png) repeat-x top;}
.noticebox a, .noticeboxalt a {text-shadow: none;}
.innernotice {padding: 15px; border: 1px solid #fff; width: 235px; float: left; background: none;}

/* Notifications Box */

#notificationsbox {width: 375px; background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: none;}
#notificationsbox h4 {width: 375px; padding: 15px 0; background: #999 url(../img/bg_grey_dark_med.png) repeat-x top; text-align: center;  border-top-left-radius: 15px; border-top-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; text-shadow: 1px 1px 1px #e0e0e0; font-size: 28px; border-bottom: 1px solid #777;}
#notificationsbox li {padding: 15px; width: 345px; border-bottom: 1px solid #ccc; background: url(../img/bg_fade_up.png) repeat-x bottom;}
#notificationsbox li h5 {font-size: 13px;}
#notificationsbox li p {font-size: 10px;}
#notificationsbox p.loadmore {padding: 15px;}
img.closenot {float: right; padding-top: 7px; border: none;}

/* News Box */

.newsitem {border-bottom: 1px solid #ccc; padding: 15px; text-align: left; background: url(../img/bg_fade_up.png) repeat-x bottom;}
.newsitem img {float: left; margin: 0 15px 13px 0;}
.newsitem p {padding: 0 0 10px 0;}
p.bottominfo {padding: 10px 15px;}

/* Alternative Box Widths */

.med {width: 60%;}
.sml {width: 38%;}

/* Table Styles */

table {border-collapse: collapse;}
th,td {text-align: left; padding: 8px;}
th {background: #E0E0E0 url(../img/bg_th.png) repeat-x top; text-shadow: 1px 1px 1px #fff; font-size: 14px;}
tr.alt td{background: #F2F2F2 url(../img/bg_td_alt.png) repeat-x top; text-shadow: 1px 1px 1px #fff;}

.extrabottom {padding: 15px; height: 40px; background: url(../img/bg_fade_sml.png) repeat-x top; border-radius: 10px; -moz-border-radius: 10px; margin-top: 10px;}
.extrabottom ul {float: left;}
.extrabottom li {float: left; padding-right: 25px;}
.extrabottom li img {float: left; padding: 0 5px 0 0;}
.bulkactions {float: right;}

/* Input/Form Styles */

select {padding: 7px 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px;}
label {padding-right: 20px; display: block; padding-bottom: 10px;}
input, textarea {font-family: Arial, Helvetica, sans-serif;}
.inputbox {border: 1px solid #999; padding: 10px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background:#fff url(../img/bg_fade_sml.png) repeat-x top; font-size:14px}
.inputbox:focus {border: 1px solid #666;}
.errorbox {border: 1px solid #CC0000; background: #FCF0EF url(../img/bg_fade_red_sml.png) repeat-x top; color: #CC0000; margin-right: 5px;}
.errorbox:focus {border: 1px solid #8A0000;}
.correctbox {border: 1px solid #9DB832; background: #F3F8E0 url(../img/bg_fade_green_sml.png) repeat-x top;; color: #9DB832; margin-right: 5px;}
.correctbox:focus {border: 1px solid #7C9227;}
.smallbox {width: 150px;}
.selectebox{padding:10px 5px; font-size:14px;}

/* Status Bars */

.status {padding: 8px 10px 5px 10px; border-radius: 10px; -moz-border-radius: 10px; text-shadow: 1px 1px 1px #fff; overflow: auto; margin-bottom: 20px; clear: both;}
.status img {float: left; padding-right: 5px;}
.status p {padding: 0; margin: 0;}
.status p span {font-weight: 700;}
.status .closestatus {float: right; color: #fff; text-align: center; margin-left: 10px;}
.status .closestatus a {position: relative; color: #fff; text-decoration: none; padding: 5px; width: 10px; height: 10px; display: block; border-radius: 5px; -moz-border-radius: 5px; line-height: .6em; top: -2px; text-shadow: none;}

.warning {border: 3px solid #BF9900; background: #FEEB9C url(../img/bg_fade_yellow_med.png) repeat-x top;}
.warning span {color: #BF9900;}
.warning .closestatus a {background: #BF9900;}
.warning .closestatus a:hover {background: #9B7C00;}

.success {border: 3px solid #8EA534; background: #CBDA8F url(../img/bg_fade_green_med.png) repeat-x top;}
.success span {color: #8EA534;}
.success .closestatus a {background: #8EA534;}
.success .closestatus a:hover {background: #829829;}

.error {border: 3px solid #990000; background: #F5D0CD url(../img/bg_fade_red_med.png) repeat-x top;}
.error span {color: #990000;}
.error .closestatus a {background: #990000;}
.error .closestatus a:hover {background: #730D0D;}

.info {border: 3px solid #2FADD7; background: #92D6ED url(../img/bg_fade_blue_med.png) repeat-x top;}
.info span {color: #0E7A9F;}
.info .closestatus a {background: #2FADD7;}
.info .closestatus a:hover {background: #228DB0;}

/* Usage Bars */

.usagebox {border: 1px solid #ccc;}
.usagebox div {height: 25px;}
.highbar {background: #993300 url(../img/bg_usage_red.png) repeat-x top;}
.midbar {background: #D27E00 url(../img/bg_usage_orange.png) repeat-x top;}
.lowbar {background: #92AD25 url(../img/bg_usage_green.png) repeat-x top;}

.usagetxt {padding: 3px 8px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #fff;}

.redtxt {color: #CC0000; background: #F3DFDB;}
.orangetxt {color: #ED9D20; background: #FCE9CC;}
.greentxt  {color: #9DB832; background: #F3F7E1;}

/* Text Styling Elements */

ul.list li {background: url(../img/icons/icon_bullet.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
ul.ticklist li {background: url(../img/icons/icon_ticklist.png) no-repeat left; padding-left: 25px; margin-bottom: 5px;}
ul.ticklist li.cross {background: url(../img/icons/icon_cross_sml.png) no-repeat left;}

.highlighted {color: #DFB300; background: #FFF8CF; font-weight: 700; padding: 4px 7px; text-shadow: 1px 1px 1px #fff; border-radius: 5px; -moz-border-radius: 5px;}
.spacer {background: url(../img/bg_fade_up.png) repeat-x center; padding: 10px 0; margin-bottom: 10px;}

.dropcap {letter-spacing:0;  text-transform:uppercase;  color:#628fbe;   font-family:times,serif;   font-size:3.5em;   float:left;   margin: 0.13em 0.2em 0 0;  line-height:0.7;}	

/* Chart Styling */

a.enhanced_toggleResult {display: none;}
.visualize caption {font-size: 11px;}

/*Chart plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; margin: 20px auto 10px auto;}
.visualize canvas {position: absolute;}
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*Chart table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*Chart pie labels*/
.visualize-pie .visualize-labels { list-style-type: none; }
.visualize-pie li { list-style-type: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*Chart line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; list-style: none; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%; list-style: none;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }



span.male,span.female{width:110px; height:110px; display:inline-block; background-size:cover}
span.male{background:url(../img/pic_male.png) no-repeat}
span.female{background:url(../img/pic_female.png) no-repeat}
#crm{margin-bottom:20px; background:#fff; border:1px solid #ccc; -moz-box-shadow:0px 5px 30px #999999; -webkit-box-shadow:0px 5px 30px #999999; box-shadow:0px 5px 30px #999999; font-size:14px; moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#crm .title{background:#f3f3f3; padding:10px 10px 15px; border-bottom:1px solid #ccc; moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
#crm .title .sort{float:right;}
.crlist{padding:15px;}
#crm .result{padding-top:5px}
.crlist .cr{border-bottom:1px solid #ddd; padding-bottom:10px; -moz-transition:all 0.3s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.crlist .cr:hover{background:#f7f7f7}
.crlist .cr:active{background:#f3f3f3}
.crlist .cr ul li{display:block; float:left; height:115px; margin:10px 0px; border-right:1px dashed #ddd; padding-left:10px}
.crlist .cr ul li p{padding:2px 0px; line-height:1.5em}
.crlist .cr ul li.pic{width:110px; padding:0;padding-right:10px;}
.crlist .cr ul li.person{width:130px;}
.crlist .cr ul li.book{width:200px;}
.crlist .cr ul li.time{width:210px;}
.crlist .cr ul li.time p{cursor:default}
.crlist .cr ul li.tags{width:310px;border-right:none;}
.crlist .inputbox{padding:8px 5px; width:200px}
.crlist .btn{padding:8px 15px}
.crlist a.links{padding: 3px 12px; color:#3366cc; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; display:inline-block; background: #fff url(../img/bg_fade_up.png) repeat-x bottom;}


.readme{/*background:#f2f2f2;*/margin-top:0px; padding:15px; line-height:1.7em}
.readme h4{font-size:16px; font-weight:bold; color:#000; line-height:1.7em}


/*Hotel Tonight Product Manage*/
.tonight{margin-bottom:20px; background:#fff; border:1px solid #ccc; padding:10px; -moz-box-shadow:0px 5px 20px #bbb; -webkit-box-shadow:0px 5px 20px #bbb; box-shadow:0px 5px 20px #bbb; font-size:14px; moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.tonight .rooms{padding-top:5px;border-bottom:1px dotted #ccc; margin-bottom:5px}
.tonight .piclist{width:150px; padding-bottom:10px; float:left; overflow:hidden}
.tonight .piclist .img img{width:148px; height:98px; border:1px solid #ddd;}
.tonight .piclist .img .nopic{background:url(../img/no-photo.png) center center no-repeat;}
.tonight ul{width:150px; margin-top:5px;}
.tonight ul li{width:25px; height:25px; float:left; display:block; margin-right:5px; margin-bottom:5px; cursor:pointer}
.tonight ul li img{width:23px; height:23px; border:1px solid #c4a575; opacity:0.7}
.tonight ul li:hover img,.tonight ul li.on img{border:1px solid #bc8531; opacity:1}
.tonight ul li.add{background:#ff9000 url(../img/add-white.png) center center no-repeat}.shortbox ul li.add:hover{background-color:#ffa200}
.tonight .hotelpublic ul{width:auto}
.tonight .roominfo{margin-left:160px; margin-right:230px;}
.tonight .pricelist{width:220px; float:right; position:relative;}
.tonight .inputbox{border: 1px solid #999; padding:5px 25px 5px 5px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background:#fff url(../img/bg_fade_sml.png) repeat-x top; font-size:13px}
.tonight .inputbox[disabled],.tonight .inputbox.disabled{border:1px solid #fff; background:none}
.tonight .inputbox:hover{border:1px solid #ccc; background:#F7F7F7 url(../img/text_edit.png) right center no-repeat;}
.tonight .inputbox:focus{border: 1px solid #666;}
.tonight .duan{border: 1px solid #999; width:95%; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background:#fff url(../img/bg_fade_sml.png) repeat-x top; font-size:13px; color:#666; line-height:1.5em; outline:none;}
.tonight .duan[disabled],.tonight .duan.disabled{border:1px solid #fff; background:none; overflow:hidden}
.tonight .duan:hover{border:1px solid #ccc; background:#F7F7F7 url(../img/text_edit.png) right bottom no-repeat;}
.tonight .duan:focus{border: 1px solid #666;}
.tonight .btn,.tonight .btnalt{padding:5px 10px; -moz-border-radius: 3px; border-radius: 3px;}
.tonight .dline{border-bottom:1px dotted #ccc; margin-bottom:5px}
.tonight .pricelist .rankbox{width:50px; height:80px; position:absolute; top:0px; right:0px;}
.tonight .pricelist .rankbox input.txt{width:25px; padding:5px; text-align:center}
.tonight .pricelist .rankbox input.txt:hover{background-image:none}
.tonight .pricelist .rankbox .btn{width:36px}

.tonight .hotelname{font-size:16px}
.tonight .onelinesmr{float:right; text-align:right}
.tonight .hotelsummary{width:98%}
.tonight .roomsummary{width:400px}
.tonight .danbao{margin-top:10px; font-size:12px; color:#777; padding-left:6px}
.tonight .elongrate{width:40px}
.tonight .price{font-size:18px; color:#c72525}
.tonight .nosend{color:#999; font-size:12px}
.tonight .sended{color:#c72525; font-size:12px}
.tonight .btn.tichu{background:#c72525; border:1px solid #c75555 !important}
.tonight .btn.tichu:hover{background:#e35757;}

.yewen{background:#f3f3f3; padding:10px 10px 15px; border-bottom:2px solid #ccc; moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.yewen .filter{border-top:1px solid #ddd; margin-top:10px; padding-top:10px}
.yewen .filter label{padding:0}

#citylist{width:610px}
#citylist ul{display:block; height:170px; overflow-x:hidden; overflow-y:auto; margin:5px 0px;}
#citylist ul li{padding:0px; margin:0px; line-height:normal; float:left; width:200px; height:26px}
#citylist ul li label{margin:0; padding:4px 0px; display:inline-block}
#citylist input.btn,#citylist input.btnalt{padding:5px 10px}
#citylist ul li input.rank{width:25px; padding:2px; text-align:center}

/* Footer */

#footer {font-size: 11px; padding: 15px 10px; clear: both; color:#999; text-align:center; margin-bottom: 20px; text-shadow: 1px 1px 1px #000;}






.page{margin-left:5px;}
